<template>
	<view class="">
		<u-tabbar
		    v-model="current"
		    :show="show"
		    :bg-color="bgColor"
		    :border-top="borderTop"
		    :list="list"
			:mid-button="midButton"
			:inactive-color="inactiveColor"
			:activeColor="activeColor"
			:before-switch="beforeSwitch"
		></u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0,
				show: true,
				bgColor: '#ffffff',
				borderTop: true,
				list: [{
						iconPath: "home",
						selectedIconPath: "home-fill",
						text: '首页',
						isDot: true,
						customIcon: false,
                        pagePath: '/pages/shops/home/index'

					},
					{
						iconPath: "grid",
						selectedIconPath: "grid-fill",
						text: '分类',
                        isDot: true,
						customIcon: false,
                        pagePath: '/pages/shops/prodtype/index'
					},
					// {
					// 	iconPath: "shopping-cart",
					// 	selectedIconPath: "shopping-cart-fill",
					// 	text: '意向',
                     //    isDot: true,
					// 	customIcon: false,
                     //    pagePath: '/pages/shops/cart/index'
                    //
					// },
					{
						iconPath: "account",
						selectedIconPath: "account-fill",
						text: '我的',
						//count: 23,
						isDot: false,
						customIcon: false,
                        pagePath: '/pages/shops/my/index'

					},
				],
				midButton: false,
				inactiveColor: '#909399',
				activeColor: '#19be6b'
			}
		},
		methods: {
			beforeSwitch(index) {
                return true;
			},

		}
	}
</script>

<style scoped lang="scss">
	.u-demo-area {
		margin: 0 -40rpx;
	}
</style>
